<template>
  <div id="app" v-cloak>
    <navigation></navigation>
   

    <router-view :animationType="animationType"
    :animationTypeOrders="animationTypeOrders"
    :animationTypePrices="animationTypePrices"
    :animationTypeStatus="animationTypeStatus"
    :animationTypeAreas="animationTypeAreas"></router-view>
  <bottomView></bottomView>
  </div>
</template>
<script>
import Navigation from "@/views/Navigation.vue";
import BottomView from "@/views/BottomView.vue";
export default {
  data() {
    return {
      animationType: null,
      animationTypeOrders:null,
      animationTypePrices:null,
      animationTypeStatus:null,
      animationTypeAreas:null,
    };
  },
  components: {
    navigation:Navigation,
    bottomView:BottomView,
  },
  created() {
    //获取动画类型
    this.$axios
      .get(`https://apis.netstart.cn/bcomic/AllLabel`)
      .then((result) => {
        this.animationType = result.data.data.styles;
        this.animationTypeOrders = result.data.data.orders;
        this.animationTypePrices = result.data.data.prices;
        this.animationTypeStatus = result.data.data.status;
        this.animationTypeAreas = result.data.data.areas;
      })
      .catch((err) => {
        console.log(err);
      });
  },
};
</script>

<style lang="less" scoped>
// https://i0.hdslb.com/bfs/manga-static/manga-pc/static/img/deacd3d690357.png  下载图片地址
</style>
